<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
    <link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/tabs.js"></script>
    <script type="text/javascript" src="js/tooltip.js"></script>
    <script type="text/javascript" src="js/showdetail.js"></script>
    <title>Catalogio</title>
</head>

<body>

<div id="main">

    <!-- Header -->
    <div id="header">

        <h1 id="logo"><a href="./" title="[Go to homepage]"><img src="design/logo.gif" alt="Logo" /></a></h1>

        <hr class="noscreen" />

        <!-- Date -->
        <div class="date date-24">
            <p class="nom">Today is <strong>Monday, March 24th 2009</strong><br />
            <span class="nonhigh"><a href="">Make Catalogio your homepage</a></span></p>
        </div> <!-- /date -->

    <hr class="noscreen" />
    </div> <!-- /header -->

    <!-- Tabs -->
    <div id="search-tabs" class="box">
        <ul id="search-type">
            <li><a href="#s01"><span>Internet</span></a></li>
            <li><a href="#s02"><span>Firms</span></a></li>
            <li><a href="#s03"><span>Articles</span></a></li>
            <li><a href="#s04"><span>Images</span></a></li>
            <li><a href="#s05"><span>News</span></a></li>
        </ul>
    </div> <!-- /search-tabs -->

    <!-- Search -->
    <div id="search-top"></div>
    <div id="search">
        <div id="search-in">

            <div id="s01">
                <form action="" method="get">
                    <p class="nom t-center">
                        <label for="search-input01">Internet:</label>
                        <input type="text" size="75" name="" id="search-input01" />
                        <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
                    </p>
                </form>
            </div>

            <div id="s02">
                <form action="" method="get">
                    <p class="nom t-center">
                        <label for="search-input02">Firms:</label>
                        <input type="text" size="75" name="" id="search-input02" />
                        <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
                    </p>
                </form>
            </div>

            <div id="s03">
                <form action="" method="get">
                    <p class="nom t-center">
                        <label for="search-input03">Articles:</label>
                        <input type="text" size="75" name="" id="search-input03" />
                        <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
                    </p>
                </form>
            </div>

            <div id="s04">
                <form action="" method="get">
                    <p class="nom t-center">
                        <label for="search-input04">Images:</label>
                        <input type="text" size="75" name="" id="search-input04" />
                        <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
                    </p>
                </form>
            </div>

            <div id="s05">
                <form action="" method="get">
                    <p class="nom t-center">
                        <label for="search-input05">News:</label>
                        <input type="text" size="75" name="" id="search-input05" />
                        <input type="image" value="Search" src="design/search-button.gif" class="search-submit" />
                    </p>
                </form>
            </div>

        <hr class="noscreen" />
        </div> <!-- /search-in -->
    </div> <!-- /search -->
    <div id="search-bottom"></div>

    <script type="text/javascript">
    new Control.Tabs('search-type');
    </script>

    <!-- Content -->
    <div id="page" class="box">

        <!-- Catalog -->
        <div class="box">
        <div id="col-l">

            <div class="title01-top"></div>
            <div class="title01">    
                <div class="title01-in">
                    <p class="f-right noprint"><strong><a href="" class="add">Submit a Site</a></strong></p>
                    <h2 class="ico-list">Katalog</h2>
                </div>
            </div>                
            <div class="title01-bottom"></div>

            <div class="box">
            <dl class="cat">
                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>
 
                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>
 
                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>
 
                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>
            </dl>

            <dl class="cat f-right">
                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>

                <dt><a href="">Some Category</a></dt>
                <dd><a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a>, <a href="">Category</a></dd>
            </dl>
            </div> <!-- /box -->

        <hr class="noscreen" />
        </div> <!-- /col-l -->

        <!-- Sidebar -->
        <div id="col-r" class="noprint">

            <!-- Login -->
            <div id="signup">
                <h3>Přihlášení</h3>
                
                    <div class="in">
                    <form action="" method="get">
                        <table class="nom">
                            <tr>
                                <td><label for="inp-user">Username:</label></td>
                                <td colspan="2"><input type="text" size="30" style="width:190px;" name="" id="inp-user" /></td>
                            </tr>
                            <tr>
                                <td><label for="inp-pass">Password:</label></td>
                                <td colspan="2"><input type="text" size="30" style="width:190px;" name="" id="inp-pass" /></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td class="smaller"><input type="checkbox" name="" id="inp-remember" /> <label for="inp-remember" title="Remember me for 14 days" class="help">Remember</label></td>
                                <td class="t-right"><input type="image" value="Login" src="design/signup-button.gif" /></td>
                            </tr>
                        </table>
                    </form>
                    </div> <!-- /in -->
                    
                    <div class="in02">                    
                    <ul class="nom">
                        <li class="ico-reg"><strong><a href="">Registration</a></strong></li>
                        <li class="ico-send"><a href="">Forgot your password?</a></li>
                    </ul>
                    </div> <!-- /in02 -->
                    
            </div> <!-- /signup -->
            <hr class="noscreen" />
            <div id="signup-bottom"></div>

            <!-- Tabs -->
            <div class="tabs-sidebar box">
                <ul id="switch">
                    <li><a href="#tab-01"><span>Most Recent</span></a></li>
                    <li><a href="#tab-02"><span>Most Viewed</span></a></li>
                </ul>
            </div> <!-- /tabs-sidebar -->
        
                <!-- Most Recent -->
                <div id="tab-01">
                    
                    <p>
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>
                    </p>
                    
                </div>

                <!-- Most Viewed -->
                <div id="tab-02">
                
                    <p>
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>,
                        <a href="" class="l-02">Ipsum</a>,
                        <a href="">Dolor</a>,
                        <a href="" class="h-01">Sit</a>,
                        <a href="" class="h-02">Amet</a>,
                        <a href="" class="h-02">Lorem</a>
                    </p>
                
                </div>

            <script type="text/javascript">
            new Control.Tabs('switch');
            </script>
 
        <hr class="noscreen" />          
        </div> <!-- /col-r -->
        </div> <!-- /box -->
    
        <div class="title01-top"></div>
        <div class="title01">    
            <div class="title01-in">
                <h3 class="ico-info">Most Recent</h3>
            </div>
        </div>                
        <div class="title01-bottom"></div>
        
        <div class="box">
        
            <div class="col50">

                <div class="new-link">            
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />                    
                </div> <!-- /new-link -->
                
                <div class="new-link">            
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->
                
                <div class="new-link">            
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->
                
                <div class="new-link">            
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->
                
                <div class="new-link">            
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->
            
            </div> <!-- /col50 -->
            
            <div class="col50 f-right">
            
                <div class="new-link">
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->

                <div class="new-link">
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->

                <div class="new-link">
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->

                <div class="new-link">
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->

                <div class="new-link">
                    <p><strong><a href="">Lorem ipsum dolor sit amete</a></strong> &ndash; <span><a href="" class="ico-card">Details</a></span> (<a href="" class="folder">Travel</a>)<br />
                    <span class="high">http://www.server.com/index.php</span></p>
                    <p>Lorem ipsum dolor sit amete, consectetuer adipiscing elit. Integer eget risus a ante gravida suscipit. Maecenas luctus metus. Pellentesque habitant esti.</p>
                <hr class="noscreen" />
                </div> <!-- /new-link -->
            
            </div> <!-- /col50 -->
        
        </div> <!-- /box -->

        <p class="t-center"><a href="">Show more &raquo;</a></p>
            
    </div> <!-- /page -->

    <!-- Footer -->
    <div id="footer">
    <hr class="noscreen" />

        <p class="f-right noprint">
            <a href="">Sitemap</a>,
            <a href="">Contact</a>
        </p>

        <p>&copy;&nbsp;2009 <a href="">Your Company</a><br />
        <!-- Do you want to remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
        <span id="copy"><a href="http://www.nuviotemplates.com/">Free web templates</a> by <a href="http://www.qartin.cz/">Qartin</a><br /><span class="smaller">Visit <a href="http://www.southpadre.net/" title="South Padre Island">South Padre Island</a></span></span></p>
        <!-- Do you want to remove this backlinks? Look at www.nuviotemplates.com/payment.php -->

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>
